<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程</title>
</head>
<body>
    <form action="">
        First name:<input type="text" name="firstname"><br>
        Last name:<input type="text" name="lastname">
        </form>
        <p><b>注意：</b>表单本身是不可见的。并且注意一个文本字段的默认宽度是20个字符。</p>
        </body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程</title>
</head>
<body>
    <form action="">
    Username:<input type="text" name="user"><br>
    Password:<input type="password" name="password">
    </form>
    <p><b>注意：</b>密码字段中的字符是隐藏的（显示为星号或者圆圈）。</p>
</body>
</html>



<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程</title>
</head>
<body>
    <h>单选按钮</h>
    <form action="">
        <input type="radio" name="sex" value="male">Male<br>
        <input type="radio" name="sex" value="female">Female</form>
        </body>
</html>


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程</title>
</head>
<body>
    <h>复选框checkboxes</h>
    <form action="">
    <input type="checkbox" name="vehicle" value="bilk">我有一辆自行车
    <input type="checkbox" name="vehicle" value="car">我有一辆汽车</form>
    </body>
</html>


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程</title>
</head>
<body>
    <h>提交按钮submit button</h>
    <form name="input"action="html-form-action.php" method="GET">
        Username:<input type="text" name="user">
        <input type="submit" value="提交">
        </form>
</body>
    </html>


    <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程</title>
</head>
<body>
    <h>简单的下拉列表</h>
    <form action="">
        <select name="cars">
        <option value="volvo">奔驰</option>
        <option value="saab">宝马</option>
        <option value="fiat"selected>马萨拉蒂</option>
        <option value="audi">保时捷</option>
        </select>
    </form>
    </body>
</html>



<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程</title>
</head>
<body>
    <h>文本域</h><br>
    <textarea rows="10" cols="30">我是一个文本框。</textarea>
</body>
</html>